<template>
    <div class="box">
        <div class="top">
            <van-search v-model="value" show-action label="地址" placeholder="请输入搜索关键词" @search="onSearch">
                <template #action>
                    <div @click="onClickButton">搜索</div>
                </template>
            </van-search>
        </div>
        <div class="center">
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                @click="$router.push('/detail')">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini" @click="$router.push('/shop')">加入购物车</van-button>
                   
                </template>
            </van-card>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                @click="$router.push('/detail')">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini" @click="$router.push('/shop')">加入购物车</van-button>
                   
                </template>
            </van-card>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                @click="$router.push('/detail')">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini" @click="$router.push('/shop')">加入购物车</van-button>
                   
                </template>
            </van-card>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                @click="$router.push('/detail')">
                <template #tags>
                    <van-tag plain type="primary">标签</van-tag>
                    <van-tag plain type="primary">标签</van-tag>
                </template>
                <template #footer>
                    <van-button size="mini" @click="$router.push('/shop')">加入购物车</van-button>
                   
                </template>
            </van-card>
        </div>
    </div>


</template>
<script>

</script>
